* {
  margin: 0 auto;
  padding: 0;
  font-family: "微软雅黑";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  text-decoration: none;
}
div {
  margin: auto;
}
body {
  width: 10rem;
}
.banner{
	width: 10rem;
	height: 8.4375rem;
}
.banner_1{
	width: 100%;
	height: 100%;
}
.str1{
	width: 10rem;
	height: 2.96875rem;
	background-color: #372b39;
}
.str1 ul li{
	float: left;
}
.str1_1{
	width: 1.5625rem;
	height: 1.875rem;
	margin-top: 0.546875rem;
	margin-left: 1.46875rem;
}
.str1_1_1{
	display: block;
	margin: 0 auto;
	width: 1.34375rem;
	height: 1.34375rem;
}
.str1_1_2{
	font-size: 0.28125rem;
	color: #ffffff;
	text-align: center;
}
.str1_2{
	width: 1.5625rem;
	height: 1.875rem;
	margin-top: 0.546875rem;
	margin-left: 1.25rem;
}
.str2{
	width: 10rem;
	height: 13.125rem;
	background: url("../images/str2.jpg") no-repeat;
	background-size: 100%;
}
.str2_1{
	font-size: 0.40625rem;
	color: #404040;
	padding-left: 2.109375rem;
	padding-top: 0.625rem;
}
.str2_2{
	display: block;
	margin: 0 auto;
	width: 5.9375rem;
	line-height: 0.71875rem;
	background-color: #ff6a82;
	border-radius: 4px;
	font-size: 0.4375rem;
	color: #ffffff;
	text-align: center;
	margin-top: 0.234375rem;
}
.str2 ul li{
	float: left;
}
.str2_3{
	width: 2.25rem;
	height: 2.25rem;
	background-image: linear-gradient(138deg, 
		rgba(255, 205, 243, 0.3) 0%, 
		rgba(255, 101, 199, 0.3) 100%);
	border-radius: 50%;
	margin-top: 5.3125rem;
	margin-left: 0.984375rem;
}
.str2_3_1{
	display: block;
	margin: 0 auto;
 	width: 2.03125rem;
	height: 2.03125rem;
	background-color: #fffdfd;
	border-radius: 50%;
	margin-top: 0.109375rem;
}
.str2_3_1 span{
	display: block;
	font-size: 0.34375rem;
	color: #404040;
	text-align: center;
	line-height: 0.4375rem;
	padding-top: 0.546875rem;
}
.str2_4{
	width: 2.25rem;
	height: 2.25rem;
	background-image: linear-gradient(138deg, rgba(255, 226, 202, 0.3) 0%, 
		rgba(253, 136, 51, 0.3) 100%);
	border-radius: 50%;
	margin-top: 5.3125rem;
	margin-left: 0.625rem;
}
.str2_5{
	width: 2.25rem;
	height: 2.25rem;
	background-image: linear-gradient(138deg,rgba(250, 202, 200, 0.3) 0%, 
		rgba(253, 211, 214, 0.3) 0%, 
		rgba(255, 219, 227, 0.3) 0%, 
		rgba(255, 100, 122, 0.3) 100%);
	border-radius: 50%;
	margin-top: 5.3125rem;
	margin-left: 0.625rem;
}
.str2_3_2{
	display: block;
	margin: 0 auto;
 	width: 2.03125rem;
	height: 2.03125rem;
	background-color: #fffdfd;
	border-radius: 50%;
	margin-top: 0.109375rem;
}
.str2_3_2 span{
	display: block;
	font-size: 0.34375rem;
	color: #404040;
	text-align: center;
	line-height: 0.4375rem;
	padding-top: 0.78125rem;
}
.str2_6{
	width: 2.25rem;
	height: 2.25rem;
	background-image: linear-gradient(138deg,rgba(250, 202, 200, 0.3) 0%, 
		rgba(253, 211, 214, 0.3) 0%, 
		rgba(255, 219, 227, 0.3) 0%, 
		rgba(255, 100, 122, 0.3) 100%);
	border-radius: 50%;
	margin-top: 0.15625rem;
	margin-left: 2.453125rem;
}
.str2_7{
	width: 2.25rem;
	height: 2.25rem;
	background-image: linear-gradient(138deg, rgba(255, 226, 219, 0.3) 0%, 
		rgba(255, 112, 89, 0.3) 100%);
	border-radius: 50%;
	margin-top: 0.15625rem;
	margin-left: 0.625rem;
}
.str3{
	width: 10rem;
	height: 9.84375rem;
}
.str3_1{
	width: 0.875rem;
	line-height: 0.875rem;
	background-color: #737d98;
	border-radius: 50%;
	font-size: 0.40625rem;
	color: #ffffff;
	text-align: center;
	margin-top: 0.625rem;
	margin-left: 1.609375rem;
}
.str3_2{
	font-size: 0.40625rem;
	color: #404040;
	padding-left: 2.75rem;
	margin-top: -1.015625rem;
}
.str3_3{
	width: 9.6875rem;
	height: 6.09375rem;
	background-color: rgba(115, 125, 152, 0.8);
	margin-top: 0.390625rem;
}
.str3_3_1{
	font-size: 0.3125rem;
	color: #ffffff;
	text-align: center;
	padding-top: 0.46875rem;
}
.str3_3_2{
	font-size: 0.25rem;
	color: #ffffff;
	line-height: 0.3125rem;
	padding-top: 0.15625rem;
	padding-left: 0.390625rem;
}
.str3_3_3{
	display: block;
	margin: 0 auto;
	width: 9.375rem;
	height: 3.21875rem;
	margin-top: 0.3125rem;
}
.str3_3_4{
	font-size: 0.25rem;
	color: #ffffff;
	text-align: center;
	padding-top: 0.3125rem;
}
.str3_4{
	width: 5.890625rem;
	height: 1.25rem;
	background: url("../images/str3_2.jpg") no-repeat;
	background-size: 100%;
	font-size: 0.375rem;
	color: #ffffff;
	text-align: center;
	margin-top: 0.46875rem;
	margin-left: 0.15625rem;
	padding-top: 0.125rem;
}
.str4{
	width: 10rem;
	height: 17.65625rem;
	background-color: #f2b0be;
	padding-top: 0.015625rem;
}
.str4_1{
	width: 0.875rem;
	height: 0.875rem;
	background-color: #5f323a;
	border-radius: 50%;
	margin-top: 0.625rem;
	margin-left: 2.34375rem;
}
.str4_1 span{
	display: block;
	font-size: 0.28125rem;
	color: #ffffff;
	text-align: center;
	line-height: 0.296875rem;
	padding-top: 0.15625rem;
}
.str4_2{
	font-size: 0.40625rem;
	color: #404040;
	padding-left: 3.515625rem;
    margin-top: -1.015625rem;
}
.str4 ul li{
	float: left;
}
.str4_3{
	width: 4.3125rem;
	height: 4.3125rem;
   -webkit-box-shadow: #d097a3 0px 0px 0.15625rem;
   -moz-box-shadow: #d097a3 0px 0px 0.15625rem;  
   box-shadow: #d097a3 0px 0px 0.15625rem;  
	margin-top: 0.46875rem;
	margin-left: 0.46875rem;
	border-radius: 36px;
}
.str4_3_1{
	display: block;
	width: 100%;
}
.str4_4{
	width: 4.3125rem;
	height: 4.3125rem;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 36px;
	margin-top: 0.46875rem;
	margin-left: 0.4375rem;
}
.str4_4_1{
	font-size: 0.3125rem;
	color: #404040;
	padding-top: 0.625rem;
	padding-left: 0.390625rem;
}
.str4_4_1 span{
	font-size: 0.375rem;
}
.str4_4_2{
	font-size: 0.28125rem;
	color: #404040;
	line-height: 0.375rem;
	padding-top: 0.15625rem;
	padding-left: 0.390625rem;
}
.str4_5{
	width: 4.3125rem;
	height: 4.3125rem;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 36px;
	margin-top: 0.46875rem;
	margin-left: 0.46875rem;
}
.str4_6{
	width: 4.3125rem;
	height: 4.3125rem;
   -webkit-box-shadow: #d097a3 0px 0px 0.15625rem;
   -moz-box-shadow: #d097a3 0px 0px 0.15625rem;  
   box-shadow: #d097a3 0px 0px 0.15625rem;  
	margin-top: 0.46875rem;
	margin-left: 0.4375rem;
	border-radius: 36px;
}
.str4_7{
	width: 3.4375rem;
	line-height: 0.625rem;
	background-color: #ff611c;
	border-radius: 20px;
	font-size: 0.34375rem;
	color: #ffffff;
	text-align: center;
	margin-top: 0.546875rem;
}
.str5{
	width: 10rem;
	height: 13.046875rem;
	background: url("../images/str5.jpg") no-repeat;
	background-size: 100%;
}
.str5_1{
	font-size: 0.40625rem;
	color: #ffffff;
	padding-top: 0.859375rem;
	padding-left: 0.546875rem;
}
.str5_2{
	font-size: 0.28125rem;
	color: #ffffff;
	padding-top: 0.390625rem;
	padding-left: 0.546875rem;
	line-height: 0.375rem;
}
.str5_3{
	font-size: 0.28125rem;
	color: #ffffff;
	padding-top: 0.078125rem;
	padding-left: 0.546875rem;
	line-height: 0.375rem;
}
.str6{
	width: 10rem;
	height: 6.796875rem;
}
.str6_1{
	font-size: 0.40625rem;
	color: #404040;
	text-align: center;
	padding-top: 0.390625rem;
}
.str6_2{
	display: block;
	margin: 0 auto;
	width: 8.890625rem;
	height: 4.46875rem;
	margin-top: 0.390625rem;
}
.str6 .banner_home .swiper-button-prev {
  width: 0.421875rem;
  height: 0.8125rem;
  background: url("../images/str6_3.png") no-repeat;
  background-size: cover;
}
.str6 .banner_home .swiper-button-next {
  width: 0.421875rem;
  height: 0.8125rem;
  background: url("../images/str6_4.png") no-repeat;
  background-size: cover;
}
.banner_home .swiper-pagination span {
  width: 0.34375rem;
  height: 0.09375rem;
  background-color: #c1c1c1;
  opacity: 0.6;
}
.banner_home .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7d4a;
  opacity: 0.6;
}
.str7{
	width: 10rem;
	height: 8.84375rem;
	background: url("../images/str7.jpg") no-repeat;
	background-size: 100%;
}
.str7_1{
	font-size: 0.40625rem;
	color: #ffffff;
	text-align: center;
	padding-top: 1.796875rem;
}
.str7_2{
	font-size: 0.40625rem;
	color: #ffffff;
	text-align: center;
}
.str7_3{
	font-size: 0.375rem;
	color: #ffffff;
	text-align: center;
	padding-top: 0.390625rem;
}
.str7_4{
	font-size: 0.40625rem;
	color: #ffffff;
	text-align: center;
	padding-top: 0.1rem;
}
.str8{
	width: 10rem;
	height: 9.6875rem;
}
.str8_1{
	font-size: 0.40625rem;
	color: #404040;
	text-align: center;
	padding-top: 0.625rem;
}
.str8_2{
	width: 10rem;
	height: 5.78125rem;
	margin-top: 0.265625rem;
}
.str8_3{
	width: 0.875rem;
	height: 0.875rem;
	margin-left: 0.78125rem;
}
.str8_4{
	font-size: 0.3125rem;
	color: #404040;
	padding-left: 1.90625rem;
	margin-top: -0.9375rem;
}
.str8_5{
	width: 3.4375rem;
	line-height: 0.625rem;
	background-color: #ff611c;
	border-radius: 20px;
	font-size: 0.34375rem;
	color: #ffffff;
	text-align: center;
	margin-top: 0.46875rem;
}
.str9{
	width: 10rem;
	height: 8.59375rem;
	background-color: #ffe5e5;
	padding-top: 0.015625rem;
}
.str9_1{
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	background-color: #e46284;
	margin-top: 0.625rem;
	margin-left: 2.296875rem;
}
.str9_1 span{
	display: block;
	font-size: 0.28125rem;
	color: #ffffff;
	text-align: center;
	line-height: 0.296875rem;
	padding-top: 0.15625rem;
}
.str9_2{
	font-size: 0.40625rem;
	color: #404040;
	padding-left: 3.515625rem;
	margin-top: -0.78125rem;
}
.str9_3{
	font-size: 0.28125rem;
	color: #404040;
	padding-left: 0.859375rem;
	padding-top: 0.390625rem;
}
.str9_4{
	width: 5.421875rem;
	height: 5.34375rem;
	float: left;
	margin-left: 0.359375rem;
	margin-top: 0.15625rem; 
}
.str9_5{
	width: 3.75rem;
	height: 0.875rem;
	background-color: rgba(255, 247, 247, 0.5);
	border-radius: 6px;
	border: solid 1px rgba(117, 32, 54, 0.5);
	float: left;
	margin-left: 0.140625rem;
	margin-top: 0.3125rem;
}
.str9_5_1{
	font-size: 0.28125rem;
	color: #e46284;
	padding-top: 0.05rem;
	padding-left: 0.15625rem;
}
.str9_5_2{
	font-size: 0.25rem;
	color: #404040;
	padding-left: 0.15625rem;
}
.str9_6{
	width: 3.75rem;
	height: 0.875rem;
	background-color: rgba(255, 247, 247, 0.5);
	border-radius: 6px;
	border: solid 1px rgba(117, 32, 54, 0.5);
	float: left;
	margin-left: 0.140625rem;
	margin-top: 0.125rem;
}
.str10{
	width: 10rem;
	height: 7.1875rem;
}
.str10_1{
	display: block;
	width: 100%;
}